<template>
    <div class="topNav">
        <!-- 引用svg字体图标 -->
       <div class="topLeft">
            <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-liebiao2"></use>
            </svg>
       </div>
        <ul>
            <li>我的</li>
            <li>发现</li>
            <li>云村</li>
            <li>视频</li>
        </ul>
        <div class="topRight">
            <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-Magnifier"></use>
            </svg>
        </div>
    </div>


    <div>22222222</div>
</template>

<script> 
export default {
    name: 'TopNav',

    data() {
        return {
            
        };
    },

    mounted() {
        
    },

    methods: {
        
    },
};
</script>

<style lang="scss" scoped>
.topNav{
    width: 100%;
    height: 1rem;
    padding: .2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    ul{
        display: flex;
        width: 65%;
        height: 100%;
        justify-content:space-around ;
        li{
            font-size: .36rem;
        }
    }
}
</style>